<div>
    <el-row style="margin: 10px;">
        <el-col :span="24">
            <el-card>
                <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="180px" class="demo-ruleForm"
                         @submit.native.prevent>
                    <el-form-item label="文件夹目录" prop="path">
                        <el-input v-model="ruleForm.path" name="path" placeholder="输入目录搜索该目录下的所有扩展包添加到全局历史记录"
                                  clearable @keyup.enter.native="submitForm"></el-input>
                    </el-form-item>
                    <el-form-item label="添加类型">
                        <el-radio-group v-model="ruleForm.type">
                            <el-radio label="append" name="type">追加</el-radio>
                            <el-radio label="write" name="type">覆盖</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="submitForm">搜索</el-button>
                        <el-button @click="resetForm()">重置</el-button>
                    </el-form-item>
                </el-form>
            </el-card>
        </el-col>
    </el-row>
</div>